/* margin: 0 .m0 */
.m0{
    margin: 0;
}
/* margin-left : 0-100 .ml0~100 */
/* .ml5  ==> margin-left : 5px; */
@for $i from 0 through 10 {
    .ml#{$i*10} {
        margin-left: $i*10px;
    }
    @if $i < 10 {
        .ml#{$i*10 + 5} {
            margin-left: $i*10px + 5px;
        }
    }
}
/* margin-right : 0-100 .mr0~100 */
/* .mr5  ==> margin-right : 5px; */
@for $i from 0 through 10 {
    .mr#{$i*10} {
        margin-right: $i*10px;
    }
    @if $i < 10 {
        .mr#{$i*10 + 5} {
            margin-right: $i*10px + 5px;
        }
    }
}
/* margin-top : 0-100 .mr0~100 */
/* .mt5  ==> margin-top : 5px; */
@for $i from 0 through 10 {
    .mt#{$i*10} {
        margin-top: $i*10px;
    }
    @if $i < 10 {
        .mt#{$i*10 + 5} {
            margin-top: $i*10px + 5px;
        }
    }
}
/* margin-bottom : 0-100 .mr0~100 */
/* .mb5  ==> margin-bottom : 5px; */
@for $i from 0 through 10 {
    .mb#{$i*10} {
        margin-bottom: $i*10px;
    }
    @if $i < 10 {
        .mb#{$i*10 + 5} {
            margin-bottom: $i*10px + 5px;
        }
    }
}